<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Tab选项卡</title>
    <link href="css/index.css" rel="stylesheet">
    <script src="js/index.js" type="text/javascript"></script>
</head>
<body>
<!--选项卡-->
<div id="tab">
    <!--选项卡的头部-->
    <div id="tab-header">
        <ul>
            <li class="selected">公告</li>
            <li>规则</li>
            <li>论坛</li>
            <li>安全</li>
            <li>公益</li>
        </ul>
    </div>

    <!--主要内容-->
    <div id="tab-content">
       <div class="dom" style="display: block;">
           <ul>
               <li><a href="#">数据七夕:金牛爱送玫瑰</a></li>
               <li><a href="#">阿里打造"互联网监管"</a></li>
               <li><a href="#">10万家店60万新品</a></li>
               <li><a href="#">全球最大网上时装周</a></li>
           </ul>
       </div>

       <div class="dom">
           <ul>
               <li>
                   <a href="#">"全额返现"要管控啦</a>
               </li>
               <li>
                   <a href="#">淘宝新规发布汇总(7月)</a>
               </li>
               <li>
                   <a href="#">炒信规则调整意见反馈</a>
               </li>
               <li>
                   <a href="#">质量相关规则近期变更</a>
               </li>
           </ul>
       </div>

        <div class="dom">
            <ul>
                <li>
                    <a href="#">阿里建商家全链路服务</a>
                </li>
                <li>
                    <a href="#">个性化的消费时代来临</a>
                </li>
                <li>
                    <a href="#">跨境贸易是中小企业机</a>
                </li>
                <li>
                    <a href="#">美妆行业虚假信息管控</a>
                </li>
            </ul>
        </div>

        <div class="dom">
            <ul>
                <li>
                    <a href="#">接次文件，毁了一家店</a>
                </li>
                <li>
                    <a href="#">账号安全神器阿里钱盾</a>
                </li>
                <li>
                    <a href="#">新版阿里110上线了</a>
                </li>
                <li>
                    <a href="#">卖家学违禁避免被处罚</a>
                </li>
            </ul>
        </div>

        <div class="dom">
            <ul>
                <li>
                    <a href="#">为了公益high起来</a>
                </li>
                <li>
                    <a href="#">魔豆妈妈在线申请</a>
                </li>
            </ul>
        </div>

    </div>
</div>

</body>
</html>